
<!DOCTYPE html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
</head>

<body>
	<?php include_once VIEWS.'inc/header.php'; ?>
	<div class="main vision">
		<div class="abanner">
			<img src="<?php echo static_file('web/img/vision.jpg'); ?>" alt="">
			<div class="txt_box js-m txt_box2">
				<div class="tab">
					<div class="tab_cell">
						<div class="tit">业务领域 > 视觉创意</div>
						<div class="en">Visual<span>ideas</span></div>
						<div class="ico">
							<img src="<?php echo static_file('web/img/ico.png'); ?>" alt="">
						</div>
						<div class="txt">视觉创意</div>
					</div>
				</div>
			</div>
		</div>

		<?php include_once VIEWS.'inc/business_vision.php'; ?>
		<div class="tabs_m">
			<div class="tabs_tit">
				<h6>  影视动画</h6>
				<div class="icon"><span></span></div>
			</div>
			<div class="tabs_con">
				<ul>
					<li>
						<a href="<?php echo site_url('business/vision'); ?>">
							企业数字视觉解决方案 
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('business/vision/experience'); ?>">
							地产数字体验中心
						</a>
					</li>
				</ul>
			</div>
		</div>

		<div class="vision_box">
			<div class="tit_box js-m w1440">
				<div class="title">
					<div class="en">Movie animation</div>
					<div class="cn">影视动画</div>
				</div>
			</div>
			<div class="video_list w1440">
				<ul class="f-cb">
					<li class="js-m">
						<div class="tu">
							<img src="<?php echo static_file('web/img/video1.jpg'); ?>" alt="">
						</div>
						<div class="cont">
							<div class="t">绿地欢乐滨海城</div>
							<div class="ico">
								<img src="<?php echo static_file('web/img/play.png'); ?>" alt="">
							</div>
						</div>
					</li>
					<li class="js-m">
						<div class="tu">
							<img src="<?php echo static_file('web/img/video2.jpg'); ?>" alt="">
						</div>
						<div class="cont">
							<div class="t">绿地欢乐滨海城</div>
							<div class="ico">
								<img src="<?php echo static_file('web/img/play.png'); ?>" alt="">
							</div>
						</div>
					</li>
					<li class="js-m">
						<div class="tu">
							<img src="<?php echo static_file('web/img/video3.jpg'); ?>" alt="">
						</div>
						<div class="cont">
							<div class="t">绿地欢乐滨海城</div>
							<div class="ico">
								<img src="<?php echo static_file('web/img/play.png'); ?>" alt="">
							</div>
						</div>
					</li>
					<li class="js-m">
						<div class="tu">
							<img src="<?php echo static_file('web/img/video4.jpg'); ?>" alt="">
						</div>
						<div class="cont">
							<div class="t">绿地欢乐滨海城</div>
							<div class="ico">
								<img src="<?php echo static_file('web/img/play.png'); ?>" alt="">
							</div>
						</div>
					</li>
					<li class="js-m">
						<div class="tu">
							<img src="<?php echo static_file('web/img/video5.jpg'); ?>" alt="">
						</div>
						<div class="cont">
							<div class="t">绿地欢乐滨海城</div>
							<div class="ico">
								<img src="<?php echo static_file('web/img/play.png'); ?>" alt="">
							</div>
						</div>
					</li>
					<li class="js-m">
						<div class="tu">
							<img src="<?php echo static_file('web/img/video6.jpg'); ?>" alt="">
						</div>
						<div class="cont">
							<div class="t">绿地欢乐滨海城</div>
							<div class="ico">
								<img src="<?php echo static_file('web/img/play.png'); ?>" alt="">
							</div>
						</div>
					</li>
					<li class="js-m">
						<div class="tu">
							<img src="<?php echo static_file('web/img/video7.jpg'); ?>" alt="">
						</div>
						<div class="cont">
							<div class="t">绿地欢乐滨海城</div>
							<div class="ico">
								<img src="<?php echo static_file('web/img/play.png'); ?>" alt="">
							</div>
						</div>
					</li>
					<li class="js-m">
						<div class="tu">
							<img src="<?php echo static_file('web/img/video8.jpg'); ?>" alt="">
						</div>
						<div class="cont">
							<div class="t">绿地欢乐滨海城</div>
							<div class="ico">
								<img src="<?php echo static_file('web/img/play.png'); ?>" alt="">
							</div>
						</div>
					</li>
					<li class="js-m">
						<div class="tu">
							<img src="<?php echo static_file('web/img/video9.jpg'); ?>" alt="">
						</div>
						<div class="cont">
							<div class="t">绿地欢乐滨海城</div>
							<div class="ico">
								<img src="<?php echo static_file('web/img/play.png'); ?>" alt="">
							</div>
						</div>
					</li>
				</ul>
				<div class="page_box f-cb w1400 js-m">
					<div class="page">
						<a class="prev" href="javascript:;">&lt;上一页 </a>
						<a href="javascript:;" class="active">1</a>
						<a href="javascript:;">2</a>
						<a href="javascript:;">3</a>
						<a href="javascript:;">4</a>
						<a href="javascript:;">5</a>
						<a class="next page_r" href="javascript:;">下一页 &gt;</a>
					</div>					
				</div>
			</div>
			
		</div>
		<div class="cooperation">
			<div class="swiper_cooperation w1720">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>

						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="cooperation_cen w1720 js-m">
				<div class="line_h">
					<ul>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="line_s">
					<ul>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="list">
					<ul class="f-cb">
						<li>
							<a href="javascript:;" target="_blank"  title="中国中车"> 
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="">
							</a>
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/bl.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:; " title="保利地产">
								<img src="<?php echo static_file('web/img/c1.png'); ?>" alt="" >
							</a>	
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c2.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c3.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c4.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c5.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c6.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank"  title="中国中车"> 
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="">
							</a>
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/bl.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:; " title="保利地产">
								<img src="<?php echo static_file('web/img/c1.png'); ?>" alt="" >
							</a>	
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c2.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c3.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c4.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c5.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c6.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank"  title="中国中车"> 
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="">
							</a>
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/bl.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:; " title="保利地产">
								<img src="<?php echo static_file('web/img/c1.png'); ?>" alt="" >
							</a>	
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c2.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c3.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c4.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c5.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c6.png'); ?>" alt="">
							</a>
							
						</li>
					</ul>
				</div>
				
			</div>
		</div>
	</div>
	<div class="mask_bg"></div>
	<div class="js-cont"></div>

	<?php include_once VIEWS.'inc/footer.php'; ?>                          	
	<?php
		echo static_file('web/js/main.js');
		echo static_file('m/swiper/swiper.min.js');
		echo static_file('m/swiper/swiper.css');
	?>
</body>
</html>

<script>
	$(function(){
		scrollAni();
		$('.position a').eq(2).addClass('active');
		$('.nav li').eq(1).addClass('active');

		$('.list ul li').height(Math.floor($('.list ul li').width()*(170/215))).css('line-height',Math.floor($('.list ul li').width()*(170/215))+'px');
		$('.line_h ul li').height(Math.floor($('.list ul li').width()*(170/215)));
		
		$('.cooperation_cen').height(Math.ceil($('.list ul li').length/8)*$('.list ul li').height());
		if($(window).width()<1024-17){
			$('.cooperation_cen').height(Math.ceil($('.list ul li').length/6)*$('.list ul li').height());
		}



		$('.video_list ul li .tu').height($('.video_list ul li .tu').width()*(301/454));
		$(window).resize(function(){
			winH=$(window).height();
			$('.banner').height(winH-$('.header').height());
			$('.list ul li').height(Math.floor($('.list ul li').width()*(170/215))).css('line-height',Math.floor($('.list ul li').width()*(170/215))+'px');
			$('.line_h ul li').height(Math.floor($('.list ul li').width()*(170/215)));

			$('.cooperation_cen').height(Math.ceil($('.list ul li').length/8)*$('.list ul li').height());
			if($(window).width()<1024-17){
				$('.cooperation_cen').height(Math.ceil($('.list ul li').length/6)*$('.list ul li').height());
			}
			$('.video_list ul li .tu').height($('.video_list ul li .tu').width()*(301/454));
		})


		var mySwiper2 = new Swiper('.swiper_cooperation .swiper-container', {
			autoplay: 2000,
			speed:500,
	        slidesPerView:2,
	        spaceBetween : 10

		});
		$('.swiper_cooperation .swiper-slide').height(Math.floor($('.swiper_cooperation .swiper-slide').width()*(170/215))).css('line-height',Math.floor($('.swiper_cooperation .swiper-slide').width()*(170/215))+'px');



		$(document).on('click','.video_list ul li',function(){
	    	$('.mask_bg').addClass('active');
	    	$('.js-cont').addClass('active').load('<?php echo site_url('ajax/ajax_video'); ?>',function(){
	    		$('.close').click(function(){
	    			$('.js-cont').empty().removeClass('active');
	    			$('.mask_bg').removeClass('active');
	    		})
	    	});
	    })
	})


	
</script>






